<template>
  <h1>vue 脚手架</h1>
<router-view></router-view>
  <router-link to="/todolist">todolist</router-link>
  <router-link to="/item">item</router-link>
  <h1>尾部</h1>

<!--  <todolist></todolist>-->
<!--  <button type="button" @click="count++">{{count}}</button>-->
<!--  <img alt="Vue logo" src="./assets/logo.png">-->
<!--  <HelloWorld msg="Welcome to Your Vue.js App"/>-->
</template>

<script>
// import todolist from "@/components/todolist.vue"
// import item from "@/components/item.vue"

// import HelloWorld from './components/HelloWorld.vue'
// import Parent from "@/components/Parent.vue";
// import Todolist from "@/components/todolist.vue";
export default {
  name: 'App',
  data(){
    return{

    }
  },
  methods: {

  }
  // components: {
  //   todolist,
  //   item
  //   // Todolist,
  //   // Parent
  //   // HelloWorld
  // }
}
</script>

<!--<style>-->
<!--#app {-->
<!--  font-family: Avenir, Helvetica, Arial, sans-serif;-->
<!--  -webkit-font-smoothing: antialiased;-->
<!--  -moz-osx-font-smoothing: grayscale;-->
<!--  text-align: center;-->
<!--  color: #2c3e50;-->
<!--  margin-top: 60px;-->
<!--}-->
<!--</style>-->
